<template>
	<view class="main">
		<u-navbar
		title="系统消息" 
		back-icon-color="#ffffff"
		title-color="#ffffff"
		title-size="34"
		:border-bottom="false"
		:background="background">
		</u-navbar>
		<view class="content">
			<block v-for="(item,index) in 3" :key="index">
				<view class="item">
					<view class="date">06-18</view>
					<view class="cont">
						<text>灵活用工平台: </text>
						<text> 项目经理确认了开发者的流程提议.</text>
					</view>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		components:{
			
		},
		data() {
			return {
				background: {
					backgroundColor:"#4A90E2"
				},
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.main{
		padding:0 30rpx;
		min-height: 100vh;
		background-color: #f9f9f9;
		.content{
			.item{
				margin-top: 30rpx;
				.date{
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #AEAEAE;
					line-height: 30rpx;
					margin-bottom: 32rpx;
				}
				.cont{
					padding: 25rpx 20rpx;
					background: #FFFFFF;
					border-radius: 8rpx;
					text{
						font-size: 26rpx;
						font-weight: 400;
						color: #333333;
						line-height: 37rpx;
					}
					text:first-child{
						color: #4A90E2;
						margin-right: 15rpx;
					}
				}
			}
		}
	}
	
</style>
